<template>
	<view class="">
		<view class="plr15">
			<view class="bg-w br30 mt15 flex plt15 alcenter spaceb">
				<view class="flex alcenter">
					<view class=" title_txt ftw700 ft15 mr10">用自记账怎样记账、报税?</view>
					<image src="../../static/video_icon.png" mode="widthFix" style="width: 30rpx;"></image>
				</view>
				<image src="../../static/jiantou_you_h.png" mode="widthFix" class="mr10" style="width: 12rpx;"></image>
			</view>
			<view class="bg-w br30 mt15 flex plt15 alcenter spaceb">
				<view class="flex alcenter">
					<view class=" title_txt ftw700 ft15 mr10">如何录入发票</view>
					<image src="../../static/video_icon.png" mode="widthFix" style="width: 30rpx;"></image>
				</view>
				<image src="../../static/jiantou_you_h.png" mode="widthFix" class="mr10" style="width: 12rpx;"></image>
			</view>
			<view class="bg-w br30 mt15">
				<view class="flex plt15 alcenter spaceb" @click="textFun()">
					<view class=" title_txt ftw700 ft15 mr10">刚注册得公司，怎样开始记账？</view>
					<view class="flex alcenter">
						<view class="cl-hui ft12 mr5">{{show?'收起':'展开'}}</view>
						<image src="../../static/jiantou_xia_ll.png" v-if="!show" mode="" class="mr10" style="width: 20rpx;height: 12rpx;">
						</image>
						<image src="../../static/jiantou_shang_l.png" v-else mode="" class="mr10" style="width: 20rpx;height: 12rpx">
						</image>
					</view>
				</view>
				<view class="plr15" v-if="show">
					<view class="plt10 bd-top cl-hui ft12">
						<view>1.需要先完成税务登记，也叫办理新办纳税人套餐，一般在成功注册公司之后的30天内完成税务登记。在所在地区的电子税务局网站上完成登记。联系我们客服可以协助你完成税务登记。
						</view>
						<view>2.付费开通后在自记账APP首页，点击填写记账信息，提交后联系客服为你审核记账信息，审核通过后，即可开始记账。</view>
					</view>
				</view>
			</view>
		</view>
		<view style="height: 100rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					// backgroundColor: '#001f3f',

					// 导航栏背景图
					// background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
					// 还可以设置背景图size属性
					// backgroundSize: 'cover',

					// 渐变色
					backgroundImage: 'linear-gradient(to right, #3247D3, #1178F5)'
				},
				show: false
			}
		},

		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			// console.log(tabbars)
		},
		onShow() {
			// this.isLogin = checkLogin()
			// if (!this.isLogin) {
			// 	this.isloginBind()
			// 	return false
			// }

		},
		methods: {
			textFun() {
				this.show = !this.show
			},
			isloginBind() {
				uni.showModal({
					title: '温馨提示',
					content: '此时此刻需要您登录喔~',
					confirmText: "去登录",
					cancelText: "再逛会",
					success: res => {
						if (res.confirm) {
							//#ifdef APP-PLUS||H5
							uni.navigateTo({
								url: "/pages/login/index"
							})
							//#endif
							//#ifdef MP-WEIXIN
							console.log(11)
							uni.navigateTo({
								url: "/pages/login/wxLogin"
							})
							//#endif
						}
					}
				})
			}
		},


	}
</script>
<style>
	page {
		background-color: #F5F5F5;
	}
</style>
<style lang="scss" scoped>
	.bgcolor {
		background: linear-gradient(to right, #3247D3, #1178F5);
		width: 100%;
		height: 300rpx;
	}

	.item-box {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.lines {
		width: 50%;
		height: 20rpx;
		background-color: #3247D3;
	}

	.bg01 {
		background-color: #CFCFCF;
	}

	.title_txt::before {
		content: '';
		border-left: #3247D3 solid 4px;
		border-radius: 10rpx;
		margin-right: 20rpx;
	}

	.btns {
		border-radius: 60rpx;
		color: #fff;
		padding: 8rpx 20rpx;
		background: linear-gradient(to right, #3247D3, #1178F5);
	}

	.shuju_item {
		width: 22.6%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 20rpx;
		margin-top: 30rpx;
	}

	.shuju_item:nth-child(4n) {
		margin-right: 0;
	}
</style>